<template>
	<view>
		<view class="lc-white">
			<view class="lc-img">
				<view>简历照片</view>
				<image :src="baseurl+detail.head_img" mode="aspectFill"></image>
			</view>
			<view class="lc-box">
				<view>姓名</view>
				<view>{{detail.name}}</view>
			</view>
			<view class="lc-box">
				<view>年龄</view>
				<view>{{detail.age}}岁</view>
			</view>
			<view class="lc-box">
				<view>性别</view>
				<view>{{detail.sex==1?'男':'女'}}</view>
			</view>
			<view class="lc-box">
				<view>电话号</view>
				<view>{{detail.tel}}</view>
			</view>
			<view class="lc-box" >
				<view>微信</view>
				<view>{{detail.wechat}}</view>
			</view>
			<view class="lc-box" >
				<view>学历</view>
				<view>{{detail.xueli}}</view>
			</view>
		</view>
		<view class="lc-con">
			<view class="lc-title">工作经历</view>
			<view class="lc-detail">
				<text>{{detail.work_jingli}}</text>
			</view>
		</view>
		<view class="lc-con">
			<view class="lc-title">工作技能</view>
			<view class="lc-detail">
				<text>{{detail.work_jineng}}</text>
			</view>
		</view>
		<view class="lc-con">
			<view class="lc-title">教育经历</view>
			<view class="lc-detail">
				<text>{{detail.education}}</text>
			</view>
		</view>
		<view class="lc-con">
			<view class="lc-title">身份证</view>
			<view class="lc-imgs">
				<image :src="baseurl+detail.idcard_img" mode="widthFix"></image>
			</view>
		</view>
		<view class="lc-con">
			<view class="lc-title">健康证</view>
			<view class="lc-imgs">
				<image :src="baseurl+detail.jiankangzheng_img" mode="widthFix"></image>
			</view>
		</view>
		<view class="lc-big"></view>
		<view class="lc-foots">
			<view class="lc-ln" @click="inappropriate">标记为不合适</view>
			<view class="lc-rn" @click="interested">感兴趣</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				app: getApp().globalData,
				baseurl: getApp().globalData.baseurl,
				sex: 1,
				detail: {},
				id: '',
				tid: ''
			}
		},
		onLoad(e) {
			this.id = e.id
			this.tid = e.tid
			this.app.post('/api/wanlshop/user/workvitatdetail', {
				id: e.id,
				tid:e.tid
			}).then(res => {
				console.log(res)
				this.detail = res
			})
		},
		methods: {
			inappropriate() {
				this.app.post('/api/wanlshop/user/vitat_xingqu', {
					id: this.tid,
					type: 2
				}).then(res => {
					console.log(res)
					uni.showToast({
						title: '标记成功',
						icon: "none"
					})
					setTimeout(() => {
						uni.navigateBack({
							delta: 1
						})
					}, 1500)
				})
			},
			interested() {
				this.app.post('/api/wanlshop/user/vitat_xingqu', {
					id: this.tid,
					type: 1
				}).then(res => {
					console.log(res)
					uni.showToast({
						title: '标记成功',
						icon: "none"
					})
					setTimeout(() => {
						uni.navigateBack({
							delta: 1
						})
					}, 1500)
				})
			},
		}
	}
</script>

<style lang="scss">
	.lc-white {
		width: 690rpx;
		background-color: #FFFFFF;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		border-radius: 16rpx;
		margin-top: 30rpx;
		margin-left: 30rpx;

		.lc-img {
			width: 630rpx;
			height: 136rpx;
			border-bottom: 1px solid #eee;
			display: flex;
			justify-content: space-between;
			align-items: center;

			view {
				font-size: 30rpx;
				color: #333333;
			}

			image {
				width: 96rpx;
				height: 96rpx;
			}
		}

		.lc-box {
			width: 630rpx;
			height: 104rpx;
			border-bottom: 1px solid #eee;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.sex {
				display: flex;
				align-items: center;

				.sex-box {
					display: flex;
					align-items: center;
					margin-left: 40rpx;

					image {
						width: 30rpx;
						height: 30rpx;
					}

					view {
						font-size: 30rpx;
						color: #333333;
						margin-left: 12rpx;
					}
				}


			}

			view {
				font-size: 30rpx;
				color: #333333;
			}

			input {
				font-size: 30rpx;
				color: #333333;
				text-align: right;
			}
		}
	}

	.lc-con {
		width: 690rpx;
		background-color: #FFFFFF;
		border-radius: 16rpx;
		margin-top: 30rpx;
		margin-left: 30rpx;
		padding-bottom: 30rpx;

		.lc-title {
			margin-left: 30rpx;
			font-size: 30rpx;
			color: #333333;
			line-height: 106rpx;
		}

		.lc-detail {
			width: 630rpx;
			margin-left: 30rpx;

			textarea {
				font-size: 30rpx;
				width: 570rpx;
				height: 180rpx;
				margin-left: 30rpx;
			}

			view {
				text-align: right;
				font-size: 24rpx;
				color: #999999;
				margin-right: 30rpx;
			}
		}

		.lc-imgs {
			width: 630rpx;
			margin-left: 30rpx;
			display: flex;

			image {
				width: 477rpx;
				height: 287rpx;
				border-radius: 10rpx;
			}
		}
	}

	.lc-add {
		width: 690rpx;
		height: 82rpx;
		background-color: #84BD00;
		position: fixed;
		left: 30rpx;
		bottom: 30rpx;
		border-radius: 16rpx;
		color: #FFFFFF;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.lc-foots {
		background-color: #FFFFFF;
		width: 750rpx;
		height: 120rpx;
		box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);
		position: fixed;
		bottom: 0;
		z-index: 99999;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.lc-ln {
			width: 336rpx;
			height: 82rpx;
			border: 1px solid #84BD00;
			color: #84BD00;
			border-radius: 50rpx;
			box-sizing: border-box;
			margin-left: 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.lc-rn {
			width: 336rpx;
			height: 82rpx;
			border: 1px solid #84BD00;
			color: #FFFFFF;
			background-color: #84BD00;
			border-radius: 50rpx;
			box-sizing: border-box;
			margin-right: 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>